<script setup lang="ts">
import { ref } from 'vue';
import { Tabbar, TabbarItem} from 'vant';

const active = ref(0);
</script>

<template>
  <div>
    <!-- 生成二级路由出口 -->
    <router-view />

    <tabbar v-model="active" route>
      <tabbar-item icon="user-o" to="/user">个人中心</tabbar-item>
      <tabbar-item icon="home-o" to="/home">首页</tabbar-item>
      <tabbar-item icon="chat-o" to="/notify">消息通知</tabbar-item>
      <tabbar-item icon="picture-o" to="/article">图文中心</tabbar-item>
    </tabbar>

    
  </div>
</template>

<style scoped>

</style>
